<template>
  <footer class="footer">
    <div class="show">
      <ul>
        <li>
          Copyright © 2022 - 2023
          <b class="font-weight-bold">北极星</b>
        </li>
        <li>
          <a href="https://beian.miit.gov.cn/" target="_blank">
            <b class="font-weight-bold">苏ICP备2023003995号-1</b>
          </a>
        </li>
      </ul>
    </div>
  </footer>
</template>

<script setup lang="ts"></script>

<style scoped lang="less">
.footer {
  width: 100%;
  height: 400px;

  background: linear-gradient(
    130deg,
    rgb(36, 198, 220),
    rgb(84, 51, 255) 41.07%,
    rgb(255, 0, 153) 76.05%
  );

  position: relative;

  .show {
    width: 100%;
    height: 98%;
    position: absolute;
    bottom: 0;

    background-color: var(--background-primary);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    ul {
      li {
        text-align: center;
      }
    }

    .font-weight-bold {
      font-weight: 600;
    }
  }
}
</style>
